<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>机构树菜单树 - Bootstrap后台管理系统模版Ace下载</title>
<meta name="keywords"
	content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
<meta name="description"
	content="JS代码网提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->

<link href="${application}/resource/ui/ace/assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
		  <link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

<!-- page specific plugin styles -->

<!-- fonts -->

<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

<!-- ace styles -->

<link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/ace.min.css" />
<link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
		  <link rel="stylesheet" href="${application}/resource/ui/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->

<script src="${application}/resource/ui/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>
		<script src="${application}/resource/ui/ace/assets/js/html5shiv.js"></script>
		<script src="${application}/resource/ui/ace/assets/js/respond.min.js"></script>
		<![endif]-->
<style type="text/css">

</style>
</head>

<body>
	<#include "head.html"/>

	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span> </a>

			<#include "left.html"/>

			<#include "content.html"/>
			<!-- /.main-content -->

			<!-- /#ace-settings-container -->
		</div>
		<!-- /.main-container-inner -->

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i> </a>
	</div>
	<!-- /.main-container -->

	<!-- basic scripts -->

	<!--[if !IE]> -->

	<script
		src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

	<!-- <![endif]-->

	<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

	<!--[if !IE]> -->

	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='${application}/resource/ui/ace/assets/js/jquery-2.0.3.min.js'>"
								+ "<"+"/script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${application}/resource/ui/ace/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

	<script type="text/javascript">
		if ("ontouchend" in document)
			document
					.write("<script src='${application}/resource/ui/ace/assets/js/jquery.mobile.custom.min.js'>"
							+ "<"+"/script>");
	</script>
	<script src="${application}/resource/ui/ace/assets/js/bootstrap.min.js"></script>
	<script src="${application}/resource/ui/ace/assets/js/typeahead-bs2.min.js"></script>

	<!-- page specific plugin scripts -->

	<script src="${application}/resource/ui/ace/assets/js/fuelux/data/fuelux.tree-sampledata.js"></script>
	<script src="${application}/resource/ui/ace/assets/js/fuelux/fuelux.tree.min.js"></script>

	<!-- ace scripts -->

	<script src="${application}/resource/ui/ace/assets/js/ace-elements.min.js"></script>
	<script src="${application}/resource/ui/ace/assets/js/ace.min.js"></script>

	<!-- inline scripts related to this page -->

	<script type="text/javascript">
		jQuery(function($) {

			$('#tree1')
					.ace_tree(
							{
								dataSource : treeDataSource,
								multiSelect : true,
								loadingHTML : '<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
								'open-icon' : 'icon-minus',
								'close-icon' : 'icon-plus',
								'selectable' : true,
								'selected-icon' : 'icon-ok',
								'unselected-icon' : 'icon-remove'
							});

			$('#tree2')
					.ace_tree(
							{
								dataSource : treeDataSource2,
								loadingHTML : '<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
								'open-icon' : 'icon-folder-open',
								'close-icon' : 'icon-folder-close',
								'selectable' : false,
								'selected-icon' : null,
								'unselected-icon' : null
							});

			/**
			$('#tree1').on('loaded', function (evt, data) {
			});

			$('#tree1').on('opened', function (evt, data) {
			});

			$('#tree1').on('closed', function (evt, data) {
			});

			$('#tree1').on('selected', function (evt, data) {
			});
			 */
		});
	</script>
</body>
</html>